<template>
	<view class="mh100">
		<view class="gyhead p-r" v-if="form && form.aboutUs">
			<view class="wh" :style="{background:subColor}"></view>
			<view class="p-a t270 wh">
				<view class="m03">
					<view class="bf mb20 bs20 p3 minhe">
						<view class="iconwidth bs10">
							<image :src="storeInfo && storeInfo.applyImage" class="wh"></image>
						</view>
						<view class="f14 c3 mt30">
							<view v-html="form.aboutUs"></view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="np f-c-c" v-else>
			<view class="iconfont icon-queshengtu cb" style="font-size: 90rpx;"></view>
			<view class="f12 cb mt20">暂无数据</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				subColor: uni.getStorageSync('subject_color'),
				form: {},
				storeInfo: {},
			}
		},
		onLoad(options) {
			this.getSetConfig()
			let info = uni.getStorageSync('storeInfo')
			if (info) {
				this.storeInfo = info
			}
		},
		methods: {
			async getSetConfig() {
				let {
					data
				} = await this.beg.request({
					url: this.api.config,
					data: {
						ident: 'basicSetting'
					}
				})
				this.form = data
			},
		}
	}
</script>

<style lang="scss" scoped>
	.gyhead {
		width: 100%;
		height: 300rpx;
	}

	.t270 {
		top: 100rpx;
	}

	.iconwidth {
		width: 120rpx;
		height: 120rpx;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}

	.minhe {
		min-height: 800rpx;
		margin-top: 60rpx;
	}

	.m03 {
		margin: 0 30rpx;
	}

	.p3 {
		padding: 30rpx;
	}
</style>